<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link rel="stylesheet" type="text/css" href="../plugin/bootstrap/bootstrap.min.css"/>
    <!-- <link rel="stylesheet" href="../plugin/ionicon/css/ionicons.min.css" /> -->
    <link rel="stylesheet" type="text/css" href="css/driverInformation.css" />
    <script src="../common/js/system.js" type="text/javascript"></script>
    <script src="../plugin/jquery/jquery.min.js"></script>
    <script src="../plugin/bootstrap/bootstrap.min.js" type="text/javascript"></script> 
    <script src="js/driverInformation.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/sweet-alert.css" />
    <script src="js/sweet-alert.js"></script>  
    <!-- 弹框插件 -->
    <link rel="stylesheet" type="text/css" href="css/mobiscroll-2.13.2.full.min.css">
    <script type="text/javascript" src="js/mobiscroll-2.13.2.full.min.js"></script> 
    <script src="../plugin/juicer/juicer-min.js" type="text/javascript"></script>
    <!-- <script src="js/pluginTitle.js" type="text/javascript"></script> -->
    <script src="js/common.js" type="text/javascript"></script>
    <title>驾驶员信息</title>
</head>
<body>
<!-- <header>
      <span class="span1 driverIcon"><i class="icon ion-ios7-arrow-left head-back-i"></i></span>
      <span class="span2"><i class="icon ion-ios7-close-empty head-close-i"></i></span>
      <span class="span1 driverIcon"><img src="images/left105.png" style="width:3rem;height:3rem;"></i></span>
      <span class="span2"><img src="images/close.png" style="width:3rem;height:3rem;"></span>
      <h2 class="text-center">驾驶员信息</h2>
</header> -->
<div class="top_wz">
    <p>请填写个人资料,以使我们了解您的情况</p>
</div>
<form class="form-horizontal" role="form">
  <div class="form-group cityBox">
    <label  class="col-xs-5 control-label">城市</label>
    <div class="col-xs-7">
      <input type="text" class="form-control city_btn "  onClick="mtTest1()" onfocus="this.blur();" readonly="readonly" placeholder="请选择城市">
    </div>
  </div>
  <div class="form-group companyNameBox">
    <label  class="col-xs-5 control-label">公司名称</label>
    <div class="col-xs-7">
      <input type="text" class="form-control companty_type " onClick="mtTest2()" onfocus="this.blur();" readonly="readonly" placeholder="请选择公司性质">
    </div>
  </div>


  <div class="form-group">
    <label  class="col-xs-5 control-label">姓名</label>
    <div class="col-xs-7">
      <input type="text" class="form-control driver_name" maxlength="8" placeholder="您的中文全名">
    </div>
  </div>

  <div class="form-group">
    <label  class="col-xs-5 control-label">性别</label>
    <div class="col-xs-7">
      <input type="text" class="form-control sex " onClick="mtTest3()" onfocus="this.blur();" readonly="readonly" placeholder="请选择性别">
    </div>
  </div>

  <div class="form-group">
    <label  class="col-xs-5 control-label">身份证</label>
    <div class="col-xs-7">
      <input type="text" class="form-control sfNumber"  placeholder="请输入身份证号码">
    </div>
  </div>

 <div class="form-group">
    <label  class="col-xs-5 control-label">驾驶证初领日期</label>
    <div class="col-xs-7 jszDate_z" >
      <input type="text" class="form-control jszDate" onfocus="this.blur();" readonly="readonly" id="appDate" placeholder="请按照信息选择">
    </div>
  </div>

  <div class="form-group">
    <label  class="col-xs-5 control-label">驾驶证截止日期</label>
    <div class="col-xs-7 jszDate_z" >
      <input type="text" class="form-control jszDateLast" onfocus="this.blur();" readonly="readonly" id="appDate1" placeholder="请按照信息选择">
    </div>
  </div>

  <div class="form-group">
    <label  class="col-xs-5 control-label " >准驾车型</label>
    <div class="col-xs-7 ">
      <input type="text" class="form-control carList carDiv" readonly="readonly" onClick="mtTest()" placeholder="请按驾照信息选择">
    </div>
  </div>

  <div class="form-group">
    <label  class="col-xs-5 control-label ">驾驶证档案编号</label>
    <div class="col-xs-7">
      <input type="tel" class="form-control recordNum" placeholder="请按照驾照填写">
    </div>
  </div>
  
  <div class="form-group" style="padding-bottom:5%;">
    <p style="font-weight:600;margin-left:4%;">认证类型<span style="margin-left:10%;color:red;font-size:1.2rem;">认证通过后将无法修改,请谨慎选择</span></p>
    <label class="radio-inline" style="margin-left:5%;">
      <input type="radio" name="inlineRadioOptions" id="inlineRadio1" numberCode="2" value="option1" checked="checked"> 专车
    </label>
    <label class="radio-inline">
      <input type="radio" name="inlineRadioOptions" id="inlineRadio2" numberCode="3" value="option2"> 出租车
    </label>
  </div>


</form>

<div class="form-group carBtnZ">
    <div class="col-sm-offset-2 col-sm-10">
      <button class="btn btn-default carBtn" disabled="disabled" style="background-color:gray;color:#FFFFFF">下一步</button>
    </div>
</div>



<!-- boot模态框 准驾车型 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">请选择驾驶证类型</h4>
      </div>
      <div class="modal-body">
        <div class="radio">
          <label class="label_list">
            <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>A1
          </label>
        </div>
        <div class="radio">
          <label class="label_list">
            <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>A2
          </label>
        </div>
        <div class="radio">
          <label class="label_list">
            <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>A3
          </label>
        </div>
        <div class="radio">
          <label class="label_list">
            <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>B1
          </label>
        </div>
        <div class="radio">
          <label class="label_list">
            <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>B2
          </label>
        </div>
        <div class="radio">
          <label class="label_list">
            <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>C1
          </label>
        </div>
        <div class="radio">
          <label class="label_list">
            <input type="radio" name="optionsRadios" class="optionsRadios1" value="option1" checked>C2
          </label>
        </div>
      </div>
    </div>
  </div>
</div> 

<!-- 模态框 工作城市 -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">请选择期待工作城市</h4>
      </div>
      <div class="modal-body modal-cityList">
        <script type="text/template" id="tpl">
              {@each responseBody as it}
                  <li class="city_list" cityId="$${it.cityId}">$${it.cityName}</li>
              {@/each}        
        </script> 
      </div>
    </div>
  </div>
</div> 

<!-- 模态框 公司性质 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel" >请选择公司性质</h4>
      </div>
      <div class="modal-body modal-compantyTyte">          
      </div>
    </div>
  </div>
</div>    

<!-- 模态框 性别 -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">请选择性别</h4>
      </div>
      <div class="modal-body">
        <li class="sexType" sexId="1">男</li>
        <li class="sexType" sexId="2">女</li>
      </div>
    </div>
  </div>
</div>  

<!-- 公司性质 -->
<script type="text/template" id="tpl1">
    {@each responseBody as it}
        <li class="compantyType" compantyId="$${it.organizationId}">$${it.organizationName}</li>
    {@/each}

</script> 


</body>
</html>